<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Bootstrap learn</title>

  <!-- 从cdn引入css文件 -->
  <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
  <link href="http://libs.baidu.com/bootstrap/3.0.3/css/theme.css" rel="stylesheet"> <!-- make space at the top for nav - bar -->

</head>

<body>
  <!-- <h1>Navigation bar</h1> -->

  <br>
  <br>

  <div class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand hidden-sm" href="http://pythondsp.readthedocs.io/">PythonDSP</a>
      </div>
      <div class="row">
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav">

            <li><a href="basic.html">HTML</a></li>
            <li><a href="css.html">CSS</a></li>


            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">More<b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="bootstrap.html">Bootstrap</a></li>
                <li><a href="js.html">Javascript</a></li>
                <li><a href="jquery.html">jQuery</a></li>
              </ul>
            </li>

          </ul>
        </div>
      </div><!-- /.nav - collapse -->
    </div>
  </div>

  <!-- 从cdn引入 jquery bootstrap库 -->
  <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>

</body>

</html>
